/*正常模式的样式写在最上面且不可以写在media里（也可以说是单独给ie写的样式；注：ie不支持@media）*/

/* 大屏幕 */
@media (min-width: 1200px) {
	/*屏幕分辨率超过1200有且特定样式的,把特定样式在这里*/
}
 

@media (min-width: 768px) and (max-width: 979px) { 
	/* 平板电脑和小屏电脑之间的分辨率 */
	 }
 

@media (max-width: 767px) { 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
}
 

@media (max-width: 480px) {
	/* 横向放置的手机及分辨率更小的设备 */
	 }